<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>基本资料</title>
  <link rel="stylesheet" href="../css/gloab.css" />
  <link rel="stylesheet" href="../css/index.css" />
  <link rel="stylesheet" href="../css/public.css" />
  <link rel="stylesheet" href="../css/VIP_myOrder.css" />
  <link rel="stylesheet" href="../css/message.css" />
  <link rel="stylesheet" href="../css/city-picker.css" />
  <link rel="stylesheet" href="../css/main.css" />
  <style>
  	.datum{
  		color: #ff8c6a;
  	}
  </style>
</head>
<body>
  <!-- 公共頂部 -->
  <div id='pHead'>
    <div id='headerLine'>
      <div class="headerMid">
        <div class="headLeft">
          <div class='hlwelcome'><a href="#">您好，欢迎来来到本站！</a></div>
          <ul class="hlLogin">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
          
        </div>
        <ul class="headRight">
          <li><a href="#">站内消息（0）</a></li>
          <li><a href="#">购物车（0）件</a></li>
          <li><a href="#">帮助中心</a></li>
        </ul>
      </div>
    </div>
    <div id="header">
      <div class="headerMid">
        <div class="headMain">
          <div id="logo">
            <a href="#"><img src="../images/public/logo.gif" height='76' /></a>
          </div>
          <div class="headSearch">
            <div class="hsTop">
              <input id='mainSearch' type="text" name="search" placeholder='请输入产品关键字，如品牌、型号等' />
              <span id='msearchDo'>搜索</span>
            </div>
            
          </div>
          <div class="headSome">
            <img src="../images/public/bbd.png" width='338' />
          </div>
        </div>
      </div>
    </div>
    <div class="headList">
      <div class="headerMid">
        <div id='headChoose'>
          <div class="hcTitle">所有商品分类</div>
          <div class="hcBody">

            <!-- 列表每个种类商品 -->
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>
            <div class="hcbMess">
              <div class="hcbMBody">
                <div class="hcbmbText">
                  <div class="hcbmbtTit">
                    <a href="#">食品饮料</a>
                  </div>
                  <div class="hcbmbtBody str">
                    <a href="#">休闲零食</a>
                    <a href="#">糖果/巧克力</a>
                  </div>
                </div>
                <div class="hcbmbPic"></div>
              </div> 
              <!-- 鼠标放上显示层内容 -->
              <div class='hcbmElse'>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      休闲零食
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">坚果</a></li>
                    <li><a href="#">蜜饯</a></li>
                    <li><a href="#">肉干</a></li>
                    <li><a href="#">薯片</a></li>
                    <li><a href="#">杨梅</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>

                <div class="hcbmeLine">
                  <div class="hcbmelType">
                    <a href="#">
                      糖果/巧克力
                      <span>></span>
                    </a>
                  </div>
                  <ul class="hcbmelList str">
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                    <li><a href="#">巧克力</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">口香糖</a></li>
                  </ul>
                </div>
               
              </div> 
            </div>

          </div>


        </div>
        <ul class='headTypeList'>
          <li><a href="#">首页</a></li>
          <li><a href="#">零食天地</a></li>
          <li><a href="#">进口食品</a></li>
          <li><a href="#">个人护理</a></li>
          <li><a href="#">箱包钟表</a></li>
          <li><a href="#">专题</a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- 主要内容写在这里 -->
  <div class='bodyMain'>
    <div class="bodyMids">
    	<div>
    		<a id="dao" href="javascript:;">首页</a>
    		>
    		<a id="dao" href="javascript:;">会员中心 </a>
    	</div>
      <aside>
				<ul class="deal">
					<li class="topss">交易管理</li>
					<li class="myDeel slip">我的订单</li>
					<li class="myIntegral slip">我的积分</li>
					<li class="myCoupons slip">我的优惠券</li>
					<li class="sales slip">退货申请</li>
				</ul>
				<ul class="vip">
					<li class="tops">会员中心</li>
					<li class="datum slip">完善基本资料(20分)</li>
					<li class="myEvaluate slip">我的评价</li>
					<li class="myAdvice slip">我的咨询</li>
					<li class="myCollect slip">我的收藏</li>
					<li class="safety slip">账户安全</li>
					<li class="number slip">账号绑定</li>
					<li class="administration slip">地址管理</li>
					<li class="news slip">站内消息</li>
				</ul>
			</aside>
			
			
			<div class="v-vip btid">
				<div class="model">
					<div class="hyxx">会员信息</div>
							<div class="tx"><img src="../images/vip/SDADA.gif"/><a href="javascript:;"><br />上传头像</a></div>
							<div class="txp">
								商城编号: <span>123123</span><br />
								会员编号: <span>95296</span><br />
								会员等级: <span>普通会员</span>
							</div>
							<div class="allul">
							<ul class="zero">
								<li class="one"><span class="xx">*</span>&nbsp;&nbsp;真实姓名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li class="two"><input id="name" type="text" id="name" value=""  checked/>&nbsp;&nbsp;&nbsp;<span class="btx">此项为必填项</span></li>
							</ul>
							<ul class="zero">
								<li class="one"><span class="xx">*</span>&nbsp;&nbsp;性别:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li class="two">
									&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="man" id="man" value="0" />&nbsp;&nbsp;男
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="radio" name="man" id="man" value="1" />&nbsp;&nbsp;女
								</li>
							</ul>
							<ul class="zero">
								<li class="one"><span class="xx">*</span>&nbsp;&nbsp;生日:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li class="two"><input type="date" name="" id="time" value=""  checked/>&nbsp;&nbsp;&nbsp;<span class="btx2">此项为必填项</span></li>
							</ul>
							<ul class="zero">
								<li class="one"><span class="xx">*</span>&nbsp;&nbsp;所在地:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li class="two">
									<div style="position: relative;">
            					<input id="xl" readonly type="text" data-toggle="city-picker" placeholder="点击	选择省/市/区县/镇">&nbsp;&nbsp;&nbsp;<span class="btx3">此项为必填项</span>
       						 </div>
								</li>
							</ul>
							<ul class="zero">
								<li class="one"><span class="xx">*</span>&nbsp;&nbsp;联系地址:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li class="two"><input type="" name="text" id="address" value=""  checked/>&nbsp;&nbsp;&nbsp;<span class="btx4">此项为必填项</span></li>
							</ul>
							<ul class="zero">
								<li class="one"><span class="xx">*</span>&nbsp;&nbsp;用户邮箱:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li><input type="email" name="" id="email" value="" checked />&nbsp;&nbsp;&nbsp;<span class="btx5">此项为必填项</span></li>
							</ul>
							<ul class="zero">
								<li class="one"><span class="xx"></span>&nbsp;&nbsp;固定电话:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
								<li class="two"><input type="text" name="" id="telephone" value="" /></li>
							</ul>
							</div>
							<span class="tj"><input type="button" name="" id="vb" value="保存资料" />既可获得20奖励积分</span>
				</div>
    </div>
  </div>
</div>

  <!-- 公共底部 -->
  <div id='pFoot'>
    <div class="bodyMids">
      <div class="pfBody">
        <div class="pfbTexts">
         
          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>新手上路</li>
              <li><a href="#">顾客必读</a></li>
              <li><a href="#">会员等级折扣</a></li>
              <li><a href="#">积分规则</a></li>
              <li><a href="#">购物流程</a></li>
              <li><a href="#">常见问题</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>关于网站</li>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">联系我们</a></li>
              <li><a href="#">业务合作</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>购物指南</li>
              <li><a href="#">游客购物通道</a></li>
              <li><a href="#">网站使用条款</a></li>
              <li><a href="#">购物流程</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>物流和配送</li>
              <li><a href="#">配送范围</a></li>
              <li><a href="#">配送方式</a></li>
              <li><a href="#">关于收货和验货</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>支付方式</li>
              <li><a href="#">支付方式</a></li>
              <li><a href="#">付款常见问题</a></li>
              <li><a href="#">索取发票</a></li>
            </ul>
          </div>

          <div class="pfbtLi">
            <div class="pfbtPic pfbbac1"></div>
            <ul class="pfbtLink">
              <li>服务</li>
              <li><a href="#">售后服务</a></li>
              <li><a href="#">免责条款</a></li>
              <li><a href="#">商品退换货保障</a></li>
            </ul>
          </div>
        </div>
        <div class="pfbEWM">
          
        </div>
      </div>
    </div>
  </div>


  <script type="text/javascript" src="../js/VIP_myOrder.js" ></script>
  <script type="text/javascript" src="../js/index.js" ></script>
  <script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script>
  <script type="text/javascript" src="../js/public.js" ></script>
  <script type="text/javascript" src="../js/VIP_myOrder.js" ></script>
  <script type="text/javascript" src="../js/message.js" ></script>
  <script type="text/javascript" src="../js/city-picker.data.js" ></script>
	<script type="text/javascript" src="../js/city-picker.js" ></script>
  <script type="text/javascript" src="../js/city.js" ></script>
  <script type="text/javascript" src="../js/main.js" ></script>
  <script>        
    var mySwiper = new Swiper ('.swiper-container', {
      direction: 'horizontal',
      loop: true,
      autoplay: true,
      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      }
      
    })        
  </script>
  <script type="text/javascript">
    


  </script>
  
</body>
</html>